﻿@{
    ViewBag.Title = "SCMS Roles";
    Layout = "~/Views/Shared/_GeneralLayout.cshtml";
}
<script src="@Url.Content("~/Scripts/js/general.js")" type="text/javascript"></script>
<div id="rfpMain" class="contentMain">
<div class="contentHeader">
    <div class="headerText">
        <h3 class="title-left">SCMS Roles</h3>
    </div>
    <div style="font-size: 13px; text-align: left;">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td class="arrowLink">
                    @Ajax.ActionLink("Add New", "Create", (RouteValueDictionary)null, new AjaxOptions
               {
                   OnBegin = "ShowDialogue('New SCMS Role')",
                   UpdateTargetId = "popup-page",
                   LoadingElementId = "popup-loading",
                   Url = Url.Action("Create")
               })
                </td>
            </tr>
            <tr>
                <td class="arrowLink">
                    @Ajax.ActionLink("Role List", "List", (RouteValueDictionary)null, new AjaxOptions
               {
                   UpdateTargetId = "AdminRolesDiv",
                   LoadingElementId = "loading",
                   Url = Url.Action("List"),
                   OnSuccess = "initSorter();sorter.size(10);"
               })
                </td>
            </tr>
        </table>
    </div>
</div>
<br />
    <div id="loading" style="display: none; color: Blue; font-weight: bold;">
        <img src="@Url.Content("~/Content/images/loading_indicator.gif")" alt="Processing request..." />
    </div>
    <div id="AdminRolesDiv">
        <!-- Content goes here-->
        @Html.Action("List")
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        initSorter();
        sorter.size(10);
    });
</script>
